<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>首页</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/layui.css">
  <link rel=”icon” href=”${pageContext.request.contextPath}/static/img/favicon.ico” mce_href=”/favicon.ico” type=”image/x-icon”>
  <link rel=”shortcut icon” href=”${pageContext.request.contextPath}/static/img/favicon.ico” mce_href=”/favicon.ico” type=”image/x-icon”>
  <!-- <link rel="stylesheet" href="css/narrow.css" type="text/css" /> -->
  <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/home.css" type="text/css"/>
  <%--<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->--%>
  <%--<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"--%>
  <%--integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">--%>
  <%--<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"--%>

  <%--integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">--%>
  <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
  <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
  <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/style.css" type="text/css"/>
  <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/style2.css" type="text/css"/>
  <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/style4.css" type="text/css"/>
  <script type="text/javascript" src="${pageContext.request.contextPath}/static/js/jquery.js"></script>
  <script type="text/javascript" src="${pageContext.request.contextPath}/static/js/home.js"></script>
  <script src="${pageContext.request.contextPath}/static/layui.js"></script>
  <script type="text/javascript" src="${pageContext.request.contextPath}/static/js/ppcommon.js"></script>
  <%--<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->--%>
  <%--<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"--%>
  <%--integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"--%>
  <%--crossorigin="anonymous"></script>--%>
  <style type="text/css">
    /* 对全部标签对象进行初始化操作 */
    *::selection { /*即点击全部的任何标签插件时都不会有背景颜色，因为默认的标签对象当中当进行多次点击操作时会出现背景色*/
      background: none;
    }

    body, ul, li {
      margin: 0px;
      padding: 0px; /*设置内边距为0*/
      list-style: none; /*设置标签对象当中的其它默认属性为无*/
    }

    /*将页面标签和序列标签对象当中的内外边距都设置为0，默认情况下是有内外边距的.margin:边距*/
    /*全部标签对象初始化完毕*/

    /*对盒子的样式进行设置操作*/
    #box {
      width: 1000px;
      height: 385px;
      position: relative; /*对当前的div标签对象进行相对定位操作*/
      margin: 10px auto; /*设置box标签对象的上边距为100像素，左右为自动居中操作*/

      overflow: hidden; /*overflow是指当标签对象当中的内容超出边框的范围之时就会对超出容器部分的内容进行隐藏操作*/
    }

    /*盒子的样式设置完毕*/

    /*对图片所在的无序列表li标签对象进行样式设置操作*/
    .img-li { /*对无序列表标签对象当中样式进行设置操作*/
      width: 100%; /*对无序列表标签当中的数据的宽高都设置为100%即和box当中的长宽是相互吻合的*/
      height: 100%;
      position: absolute; /*对无序标签对象当中的元素进行绝对定位使得所有的图片都叠加到了一个固定的位置中去了*/
      /*将所有的图片都设置为透明的*/
      opacity: 0; /*opacity 属性设置元素的不透明级别,级别为0-1之间,此时li标签对象当中的图片都为透明的不会进行显示*/
      transition: 2s; /*用于设置每一张图片相互之间的渐变时间的切换，当前每两个页面之间的时间的切换过程为3秒*/
    }

    /*对图片所在的无序列表li标签对象当中的样式设置完毕*/

    /*对img-li标签对象的第一个子节点表标签对象开始进行样式设置*/
    .img-li:FIRST-CHILD { /*将无序列表项当中的第一个子节点对象当中的图片的内容设置为不透明的*/
      opacity: 1;
    }

    /*对img-li标签对象的第一个子节点表标签对象结束样式设置*/

    /*对图片当中的两个切换图片的按钮开始样式设置*/
    .img-button { /*对button类当中的样式格式内容进行设置操作*/
      width: 80px;
      height: 30px;
      /*设置button样式类当中的背景颜色*/
      position: absolute; /*设置button样式类型当中的位置为绝对定位操作*/
      top: 170px; /*设置当前的按钮到盒子顶部的像素为135*/
      text-align: center; /*设置button样式类当中的字体的位置为正中间*/
      line-height: 30px; /*设置行高，即距离当前样式框顶部的像素*/
      cursor: pointer; /*cursor(光标)*,即当光标移动到了设置了button样式的标签对象当中之后将会变为手形的光标*/
    }

    /*对图片当中的两个切换图片的按钮结束样式设置*/

    /*对图片右边的按钮进行样式的设置*/
    #next {
      right: 0px; /*设置next标签对象距离当前盒子的右边距离为0像素*/
    }

    /*-----------------当前样式设置完毕--------------------*/

    /*对小圆点按钮对象当中的ul标签对象进行样式的设置*/
    .button-ul { /*设置ul无序列表标签对象的高度和宽度,以及ul标签对象当中的背景颜色*/
      height: 22px;
      width: 80px;
      /*ul标签对象当中进行存放内容的区域依然为一个长方形采用border属性值可以将之修改为一个圆角矩形*/
      /*background: #000;*/
      /*对ul标签对象的背景颜色进行设置操作，前三个参数为rgb所对应的颜色参数最后一个0.5则是用于设置当前颜色的透明度*/
      padding: 5px 25px; /*对ul标签对象进行内边距的设置操作，将上下设置为5px，左右为25px*/
      border-radius: 15px; /*设置圆角的半径*/
      position: absolute; /*将ul标签对象设置为绝对定位的方式，为了让ul标签可以移动到盒子当中所显示的图片的指定的位置当中去*/
      top: 340px; /*设置ul标签对象相对于div标签对象的顶部的距离为240像素*/
      left: 230px; /*相会于盒子左边的距离为220像素*/
    }

    /*------------------当前样式设置完毕------------------------------*/

    /*对按钮无序列表对象当中的li子标签对象当中的样式进行设置操作*/
    .button-ul li { /*为li标签对象进行长宽和边界颜色进行设置，注意此时的四个li标签对象是竖直程线性进行排列的，要想使得当前的四个标签对象程现为水平状态进行排列操作则要将之设置为float浮动型的*/
      width: 10px;
      height: 10px;
      /*注此时在li标签当中进行内容添加的区域为一个10*10的正方形区域*/

      float: left;
      /*设置ul标签对象当中的字体颜色为白色*/
      list-style-type: none; /*用于去除li标签对象当中小实心圆点样式*/
      margin-right: 5px; /*设置li标签对象右方的外边距为3像素*/
      border-radius: 5px; /*进行边框半径的设置操作，将当前li标签对象当中进行内容输入的正方形区域设置为一个半径为5的圆形区域,即将li标签对象的内容输入区域的边框设置为圆脚区域*/
      cursor: pointer; /*cursor(光标)*,即当光标移动到了设置了button样式的标签对象当中之后将会变为手形的光标*/
    }

    /*对圆点按钮对象进行悬浮样式设置，即当鼠标移动到圆点按钮上时所触发的样式事件*/
    .button-li:HOVER { /*对img-button样式当中的悬浮样式进行设置操作，即当鼠标移动到设置了button样式表的标签当中时所会触发的样式*/
      background: #fff; /*当鼠标移动到设置了button样式的标签当中时，其背景颜色将会发生变化*/
    }

  </style>

</head>
<script>
    function initProject() {
        <%--$.ajax({--%>
            <%--url:"${pageContext.request.contextPath}/"--%>
        <%--})--%>
    }

    $(function () {
      initProject();
  })
</script>
<body>

<div class="page">
  <!--header-->
  <div class="header">
    <div class="top">
      <div class="top_con">
        <ul class="top_left">
          <li><span class="icon-home-02"></span><a href="javascript:;">加入收藏</a></li>
          <li><span class="icon-home-05"></span><a href="javascript:;">关注我们</a></li>
          <li><span class="icon-home-03"></span><a href="javascript:;">在线客服</a></li>
        </ul>
        <ul class="top_right">
          <c:if test="${user!=null}">
            <li style="color: white">你好，欢迎 ${user.username} 来到喜币金融！</li>
            <a href="${pageContext.request.contextPath}/user/logout">注销登入</a>
          </c:if>
          <c:if test="${user==null}">
            <li>你好，欢迎来到喜币金融！</li>
            <li>
            <input type="button" value="登录" class="btn_login"/>
            </li>
            <li>
            <a href="${pageContext.request.contextPath}/view/regist"><input type="button" value="注册"
            class="btn_regist"/></a>
            </li>
          </c:if>
        </ul>
      </div>
    </div>
    <div class="nav">
      <div class="nav_con">
        <ul class="nav_logo">
          <li></li>
          <li class="jianbing">喜币金融</li>
          <li></li>
        </ul>
        <ul class="nav_indro">
          <!-- <li class="l_one">安全网贷系统</li> -->
          <li class="l_two">XBFINANCE.COM</li>
          <li class="l_three">中国最大的P2P系统服务商</li>
        </ul>
        <ul class="nav_list">
          <li><a href="${pageContext.request.contextPath}/index">首页</a></li>
          <li><a href="${pageContext.request.contextPath}/view/getMoneySHB">提现</a></li>
          <li><a href="${pageContext.request.contextPath}/view/RechargeSHB">充值</a></li>
          <li><a href="${pageContext.request.contextPath}/view/apply">我要投资</a></li>
          <li><a href="javascript:;">我的账户</a></li>
          <li><a href="javascript:;">财富资讯</a></li>
        </ul>
      </div>
    </div>
  </div>
  <!-- 登陆 -->
  <!-- 登陆 -->
  <div class="landing">
    <div class="login-poptit">
      <a href=" " title="关闭" class="login-close"></a>
    <span class="landing-txt">登录</span>
  </div>
  <div class="login-popbody">
    <p class="p_con">为提升账户安全性，已取消昵称登陆</p >
    <form class="loginform" name="loginform" action="${pageContext.request.contextPath}/user/login" method="post">
      <div class="login-icon">
        <div class="login-icon-pic">
          <!-- < img src="${pageContext.request.contextPath}/static/img/ymh.png"/> -->
        </div>
        <input class="ipt" type="text" name="email" placeholder="输入邮箱" />
      </div>
      <div class="login-icon">
        <div class="login-icon-pic login-icon-pic1">
          <%--< img src="${pageContext.request.contextPath}/static/img/mm.png"/>--%>
        </div>
        <input class="ipt" type="password" name="loginpass" placeholder="输入登陆密码" />
      </div>
      <div class="login-forget">
        <a href="">忘记密码？</a>
  </div>
  <div class="login-botton">
    <input type="submit" value="立即登录" class="btn">
  </div>
  <p class="login-footer">
    <a href="">没有账号去注册</a>
  <p>
    </form>
</div>
</div>
  <!--banner-->
  <div id="box" align="center">
    <ul>
      <!--ul为无序列表标签,li标签对象用于进行项目列表的定义操作,即在当前项目对象之前添加一个小圆点-->
      <c:forEach items="${bannerList}" var="b">
        <li class="img-li"><img src="${b.url}" width="585px" height="385px"></li>
      </c:forEach>

    </ul>
    <!--在当前div当中嵌套两个div来作为图片切换的按钮-->
    <div id="previous" class="img-button"><img src="${pageContext.request.contextPath}/static/img/arrowl.png"></div>
    <div id="next" class="img-button"><img src="${pageContext.request.contextPath}/static/img/arrowr.png"></div>
    <!--div盒子模型当中建立两个按钮标签来进行图片的切换结束-->

    <!-- 建立轮播图按钮对象开始 -->
    <ul class="button-ul" align="center"><!-- ul为无序列表标签 -->
      <c:forEach items="${bannerList}" varStatus="vs">
        <li class="button-li" id="${vs.count}"></li>
      </c:forEach>
    </ul>
    <!-- 建立轮播图按钮对象结束 -->
  </div>
  <script type="text/javascript">
      var imgli = document.getElementsByClassName("img-li");
      /*对图片所在的li无序列表标签对象进行获取操作*/
      /*对图片当中进行图片切换的两个按钮对象进行获取操作*/
      var next = document.getElementById("next");
      var previous = document.getElementById("previous");
      var img_index = 0;
      /*设置一个索引变量,用于记录当前所显示的图片的索引号*/
      /*建立新旧两个指针变量对象用于分别记录当前所显示的图片对象和下一个将要进行显示的图片对象*/
      var oldLi = imgli[0];
      /*页面一开始所显示的图片为索引值为0的图片*/
      var newLi;
      /*声明一个新的标签对象列表*/
      var img_timer;
      /*用于对图片进行自动播放时的计时器进行唯一标示*/
      var box = document.getElementById("box");
      /*获取整个盒子对象*/


      /*对图片下方的四个小圆点按钮对象进行获取操作*/
      var one = document.getElementById("one");
      var two = document.getElementById("two");
      var three = document.getElementById("three");
      var four = document.getElementById("four");
      /*next.onclick是指当点击next标签对象当中的元素时将会触发的事件函数*/
      next.onclick = function nextClick() {
          img_index++;
          if (img_index == imgli.length)
              img_index = 0;
          oldLi.style.opacity = 0;
          newLi = imgli[img_index];
          newLi.style.opacity = 1;
          oldLi = newLi;
      }
      previous.onclick = function previousClick() {
          img_index--;
          if (img_index < 0)
              img_index = imgli.length - 1;
          oldLi.style.opacity = 0;
          newLi = imgli[img_index];
          newLi.style.opacity = 1;
          oldLi = newLi;
      }

      /*建立一个播放函数来实现对imgli标签对象当中的图片的自动播放操作*/
      function play() {/* setInterval() 方法重复调用一个函数或执行一个代码段，在每次调用之间具有固定的时间延迟。该方法会返回一
个唯一标示当前计时器方法的ID值*/
          timer = window.setInterval(
              function () {
                  next.onclick()
              }
              , 5000)
      }

      play();

      /*用于停止图片的自动播放操作*/
      function stop() {
          clearInterval(timer);
          /*根据计时器的ID值来清除指定的计时器对象，使得当前的图片停止自动播放操作*/
      }

      box.onmouseover = stop;
      /*当鼠标移动到盒子的上方的时候将会进行事件的触发然后调用stop函数来执行自动播放的
      停止操作*/
      box.onmouseout = play;
      /*当鼠标移出盒子对象的时候将会重新的调用play方法来再次进行图片的轮播操作*/

      /*当鼠标点击第一个小圆点对象所在标签时，将会触发该方法，然后改变盒子当中对应图片的透明度*/
      one.onclick = function oneClick() {
          oldLi.style.opacity = 0;
          newLi = imgli[0];
          newLi.style.opacity = 1;
          oldLi = newLi;
      }
      one.onmouseover = one.onclick;
      /*点击第二个小圆点时触发的方法*/
      two.onclick = function twoClick() {
          oldLi.style.opacity = 0;
          newLi = imgli[1];
          newLi.style.opacity = 1;
          oldLi = newLi;
      }
      two.onmouseover = two.onclick;

      /*点击第三个小圆点触发方法来进行图片的显示*/
      three.onclick = function threeClick() {
          oldLi.style.opacity = 0;
          newLi = imgli[2];
          newLi.style.opacity = 1;
          oldLi = newLi;
      }
      three.onmouseover = three.onclick;

      /*点击第四个小圆点来进行对应事件的触发操作*/
      four.onclick = function fourClick() {
          oldLi.style.opacity = 0;
          newLi = imgli[3];
          newLi.style.opacity = 1;
          oldLi = newLi;
      }
      four.onmouseover = four.onclick;

      /*----------------------------采用循环的方式来对图片进行切换的操作结束----------------------------------*/

function searchByName() {
    var name=$("#nameEle").val();
    var currentPage="${page.pageNum}";
    var projectName="${pageContext.request.contextPath}";
    location.href=projectName+"/searchByName?currentPage="+1+"&name="+name;
}
  </script>

  <div class="notice">
    <div class="notice_con">
      <div class="notice_title">
        <ul>
          <li class="icon-home-01 tongzhi"></li>
          <li class="n_zhongjiang">公告：[中奖公告]"I车宝网贷财富中心揭牌50元债券大放送"5月15日中奖名单</li>
          <li class="n_more"><a href="javarscript:;">+更多</a></li>
        </ul>
      </div>
      <div class="notice_content">
        <ul class="nc_icon">
          <li><span class="icon-home-07 nc_btn"></span></li>
          <li><span class="icon-home-08 nc_btn"></span></li>
          <li><span class="icon-home-06 nc_btn"></span></li>
          <li><span class="icon-jianbing-10 nc_btn"></span></li>
        </ul>
        <ul class="nc_text">
          <li><span class="text_bt">我要投资</span><span class="text_bt2">完美的投资</span><span class="text_bt2">保障资质稳健性好</span>
          </li>
          <li><span class="text_bt">资金托管</span><span class="text_bt2">独立的第三方</span><span class="text_bt2">资金托管可靠性强</span>
          </li>
          <li><span class="text_bt">低门槛</span><span class="text_bt2">50元就可理财</span><span class="text_bt2">最高年化收益50%</span>
          </li>
          <li><span class="text_bt">安全保障</span><span class="text_bt2">100%本息保障</span><span class="text_bt2">合作机构全额保障</span>
          </li>
        </ul>
      </div>
      <div class="notice_finance">
        <div class="notice_img"><img src="${pageContext.request.contextPath}/static/img/po-2-01.png"
                                     width="290px" height="338px"/></div>
        <div class="nf_text">
          <p class="nf_finance">理财风云榜</p>
          <table class="nf_table">
            <tr>
              <td>排名</td>
              <td>用户名</td>
              <td>投资金额</td>
            </tr>
            <tr>
              <td class="nf_id"><img src="${pageContext.request.contextPath}/static/img/wq1-01.png"
                                     width="30px" height="30px"/> <span>1</span></td>
              <td>zhou</td>
              <td>5,682.00</td>
            </tr>
            <tr>
              <td class="nf_id"><img src="${pageContext.request.contextPath}/static/img/wq1-02.png"
                                     width="30px" height="30px"/> <span>2</span></td>
              <td>jim</td>
              <td>3,685.00</td>
            </tr>
            <tr>
              <td class="nf_id"><img src="${pageContext.request.contextPath}/static/img/wq1-03.png"
                                     width="30px" height="30px"/> <span>3</span></td>
              <td>zhou</td>
              <td>5,682.00</td>
            </tr>
            <tr>
              <td class="nf_id"><p class="yuan"></p>
                <span style="left: -20px; top:-2px">4</span></td>
              <td>jim</td>
              <td>3,685.00</td>
            </tr>
            <tr>
              <td colspan="3" class="nf_select"><a href="javascript:;">查看更多公告&gt;&gt;</a></td>
            </tr>
          </table>
        </div>
      </div>
    </div>
  </div>

  <!--project-->
  <div class="project">
    <div class="project_con">
      <div class="project_title">
        <ul>
          <li class="project_tuijian">推荐项目</li>
          <li class="project_line"></li>
          <li class="project_tit">利润高，起点低，期限短</li>
          <li class="project_more"><a href="javascript:;">+更多</a></li>
        </ul>
      </div>
      <div class="project_content" style="margin: auto">
        <ul class="p_title">
          <li class="p_jian"><span>荐</span></li>
          <li class="p_text">I车保网贷项目资金周转</li>
        </ul>
        <ul>
          <table class="project_table">
            <tr>
              <td style="text-align: left; width: 25%;"><span class="pt_shiwu">15.00%</span> <span
                      class="pt_yuqi">预期年华收益率</span> <span class="pt_pay">还款方式：<i>按月付息，到期还款</i></span>
              </td>
              <td style="width: 10%;"><span class="pt_date">6个月</span> <span class="pt_qixian">还款期限</span>
              </td>
              <td class="pr_line"></td>
              <td><span class="pt_date">1000元</span> <span class="pt_qixian">还需还款</span></td>
              <td class="pr_line"></td>
              <td><span class="pt_date">150.00万元</span> <span class="pt_qixian">借款金额</span></td>
              <td><input type="button" value="立即投标" class="pr_btn_liji"/></td>
            </tr>
            <%--<tr>--%>
              <%--<td colspan="7"><span id="total"></span>--%>
                <%--<div class="bottomdirection"></div>--%>
                <%--<div class="container">--%>
                  <%--<div id="bar" style="width:0%;"></div>--%>
                <%--</div>--%>
              <%--</td>--%>
            <%--</tr>--%>
          </table>
        </ul>
      </div>
    </div>
  </div>
  <%--bootstrap--%>
  <div style="width: 70%; margin: auto" align="center" >
  <table width="500px" class="table table-bordered" align="center">
    <thead>
    <tr align="right">
      <div class="form-group">
        <td colspan="4">
        <label class="sr-only" for="nameEle">按商品名搜索</label><input type="text" class="form-control" width="50%" id="nameEle" value="${searchName}" placeholder="按项目名搜索"></td>
        <td colspan="3">
        <input type="button" onclick="searchByName()" class="btn btn-primary" value="点击搜索">
      </td>
      </div>
    <tr>
      <th>项目编号</th>
      <th>项目名称</th>
      <th>项目金额</th>
      <th>已投标金额</th>
      <th>期限</th>
      <th>投标</th>
    </tr>
    </thead>
    <tbody>
    <c:forEach var="project" items="${projectList}">
      <tr>
        <td width="200px">${project.proid}</td>
        <td  width="200px">${project.proname}</td>
        <td width="200px">${project.proaccount}元</td>
        <td width="200px">${project.proaccountyes}元</td>
        <td width="200px">${project.protimelimit}月</td>
        <td width="200px"><a class="btn-group-vertical" href="${pageContext.request.contextPath}/queryProjectByPid?proid=${project.proid}">立即投标</a></td>
      </tr>
    </c:forEach>
    </tbody>
    <tfoot>
    <tr>
      <td colspan="7">
        当前页：${page.pageNum }/${page.pages }
        <a href="${pageContext.request.contextPath }/index?currentPage=1">首页</a>
        <c:if test="${page.hasPreviousPage}">
          <a href="${pageContext.request.contextPath }/index?currentPage=${page.prePage}">上一页</a>
        </c:if>
        <c:forEach items="${page.navigatepageNums }" var="index">

          <c:choose>
            <c:when test="${page.pageNum==index }">
              <a style="color:red;" href="${pageContext.request.contextPath }/index?currentPage=${index}">第${index }页</a>
            </c:when>
            <c:otherwise>
              <a style="color:black;" href="${pageContext.request.contextPath }/index?currentPage=${index}">第${index }页</a>
            </c:otherwise>
          </c:choose>
        </c:forEach>
        <c:if test="${page.hasNextPage }">
          <a href="${pageContext.request.contextPath }/index?currentPage=${page.nextPage}">下一页</a>
        </c:if>
        <a href="${pageContext.request.contextPath }/index?currentPage=${page.pages}">尾页</a>
        总个数：${page.total };
      </td>
    </tr>
    </tfoot>
  </table>
  </div>

  <!--官方公告-->
  <div class="project_list" style="margin: auto" align="center">
    <div class="project_list_con">
      <%--<div class="pl_img"><img src="${pageContext.request.contextPath}/static/img/ghj_12.png" width="100%"/></div>--%>
      <div class="pl_list" >
        <div class="pl_title">
          <ul class="pl_line">
            <li class="pl_prolist5">官方公告</li>
            <li class="pl_more5"><a href="javascript:;">更多&gt;</a></li>
            <div class="topdirection5"></div>
          </ul>
          <p class="plist_line5"></p>
        </div>
        <div class="pl_table">
          <table class="website_table">
            <tr>
              <td style="width: 33%;"><img src="${pageContext.request.contextPath}/static/img/we_22.png"
                                           style="width: 100%;"/></td>
              <td style="width: 33%;"><img src="${pageContext.request.contextPath}/static/img/we_24.png"
                                           style="width: 100%;"/></td>
              <td style="width: 33%;"><img src="${pageContext.request.contextPath}/static/img/we_26.png"
                                           style="width: 100%;"/></td>
            </tr>
          </table>
        </div>
      </div>
    </div>
  </div>
  <!--footer-->
  <div class="footer" style="margin: auto">
    <div class="footer_con">
      <div class="footer_nav">
        <ul class="footer_list">
          <li><a href="javascript:;">关于我们</a></li>
          <li><a href="javascript:;">新手入门</a></li>
          <li><a href="javascript:;">我要借款</a></li>
          <li><a href="javascript:;">我要理财</a></li>
          <li><a href="javascript:;">帮助中心</a></li>
          <li><a href="javascript:;">利息计算器</a></li>
        </ul>
        <ul class="footer_we">
          <li>关注我们：</li>
          <li class="f_yuan"><span class="icon-home-05"></span></li>
          <li>关注微博</li>
          <li class="f_yuan"><span class="icon-home-04"></span></li>
          <li>关注微信</li>
        </ul>
        <ul class="footer_link">
          <li>友情链接：网贷平台 保险机构 财富动力 网证券之星 今日汇率网 中金外汇网 络投资 股权众筹 保信贵金属 互联网金融 大连金融网 银行贷款利率 信托产品房产 贷款保险网 沈阳p2p
            理财博凯
          </li>
        </ul>
      </div>
      <div class="footer_right">
        <ul class="footer_call">
          <li><span class="icon-home-09 foot_icon"></span> <span class="foot_call">4009-150-151</span> <span
                  class="foot_time">客服工作时间：9:00-21:00</span></li>
        </ul>
        <ul class="foot_link_pic">
          <li><img src="${pageContext.request.contextPath}/static/img/abcd_08_06.png"/></li>
          <li><img src="${pageContext.request.contextPath}/static/img/abcd_08_08.png"/></li>
          <li><img src="${pageContext.request.contextPath}/static/img/abcd_08_10.png"/></li>
          <li><img src="${pageContext.request.contextPath}/static/img/abcd_08_03.png"/></li>
        </ul>
      </div>
    </div>
  </div>
  <p class="footer_bottom">&copy;2015I车保网贷金融服务有限公司 京ICP证140334号</p>
</div>


</body>

</html>